博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
加载静态文件,父模板的继承和扩展
阅读量:6614 次
发布时间:2019-06-24

本文共 1985 字,大约阅读时间需要 6 分钟。

用url_for加载静态文件

  1. <script src="{
    { url_for('static',filename='js/login.js') }}"></script>
  2. flask 从static文件夹开始寻找
  3. 可用于加载css, js, image文件

继承和扩展

  1. 把一些公共的代码放在父模板中,避免每个模板写同样的内容。base.html
  2. 子模板继承父模板
    1.   {% extends 'base.html’ %}
  3. 父模板提前定义好子模板可以实现一些自己需求的位置及名称。block
    1. <title>{% block title %}{% endblock %}-MIS问答平台</title>
    2. {% block head %}{% endblock %}
    3. {% block main %}{% endblock %}
  4. 子模板中写代码实现自己的需求。block
    1.   {% block title %}登录{% endblock %}

首页、登录页、注册页都按上述步骤改写

py

from flask import Flask,render_templateapp = Flask(__name__)@app.route('/')def danghangye():    return render_template('danghangye.html')@app.route('/login/')def login():    return render_template('login.html')@app.route('/base/')def base():    return render_template('base.html')@app.route('/register/')def register():    return render_template('register.html')if __name__ == '__main__':    app.run(debug=True)

导航页

{% block head %}{% endblock %}    
{% block title %}{% endblock %}首页

登陆

{% extends'danghangye.html' %}{% block title %}欢迎来到登录界面,请登录{% endblock %}{% block head %}         
{% endblock %}{% block main %}

记住密码

   
{% endblock %}

注册

{% extends'danghangye.html' %}{% block title %} 欢迎来到注册界面{% endblock %}{% block head %}  {% endblock %}{% block main %}

用户名:

密码 :

密码 :

记住密码

   

中国标准时间

{% endblock %}

 

转载于:https://www.cnblogs.com/cyj5201314/p/7782054.html

你可能感兴趣的文章
linux 更改 用户 目录权限命令行,Linux命令:改变文件或目录的访问权限
查看>>
linux 命令查询内存,linux查询内存命令
查看>>
linux tty无法输入密码,Linux系统tty无法正常显示汉字的两种解决方案
查看>>
linux连接小米随身wifi密码忘记了,小米wifi管理员密码忘记了怎么办?
查看>>
linux系统防火墙关闭22端口,Linux系统防火墙关闭及端口开放
查看>>
linux挂载nfts分区,linux挂载NTFS分区
查看>>
linux popen获取ip地址,使用popen函数读取命令输出失败
查看>>
跟马哥快速学linux,学习Linux,如快速入门?
查看>>
python 编辑html文件内容,使用Python解析和编辑HTML文件
查看>>
切换 ip 批处理
查看>>
CommandArgument 绑定多个参数
查看>>
dropdownlist可以多选。类似的例子。。。
查看>>
Objective-C 内存管理
查看>>
DEV GridControl绑定的数据,ID相同的行显示相同的颜色(当ID的值不确定时)
查看>>
Linux下rz,sz与ssh的配合使用
查看>>
pku 1054 The Troublesome Frog 暴力+剪枝
查看>>
iOS 文件操作:沙盒(SandBox)、文件操作(FileManager)、程序包(NSBundle)
查看>>
利用Python攻破12306的最后一道防线
查看>>
Android studio 百度地图开发(3)地图导航
查看>>
串行,并行,并发
查看>>